<!DOCTYPE html>
<html class="ui-mobile">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--  <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">-->
    <link rel="stylesheet" href="../assets/css/jquery.mobile.ios.theme.css">
    <link rel="stylesheet" href="../assets/css/style.css">
</head>
<body class="ui-overlay-h">

<div class="ui-panel-wrapper ui-page-theme-h" data-role="page" id="register">
    <div class="ui-header ui-bar-inherit" data-role="header">
        <a href="#sidebar" data-iconpos="notext"
           class="ui-link ui-btn-left ui-btn ui-icon-ion-ios-arrow-back ui-btn-icon-notext ui-shadow ui-corner-all"
           data-role="button" role="button"></a>
        <h1>注册</h1>
    </div>
    <div data-role="content" id="">
        <div class="ui-field-contain">
            <form method="post" action="">
                <div data-role="fieldcontain" style="margin: 2em 0;">
                    <input type="text" id="phone" placeholder="请输入手机号"/>
                    <div class="ui-grid-a">
                        <div class="ui-block-a"><input type="password" id="code" placeholder="请输入验证码"/></div>
                        <div class="ui-block-b">
                            <div class="" style="padding: 2px 0 0 5px">
                                <button type="button" style="line-height: 1.4em" class="ui-outline ui-btn ui-btn-c ui-corner-all">
                                    获取短信验证码
                                </button>
                            </div>
                        </div>
                    </div>

                    <a href="" class="ui-btn ui-btn-c ui-corner-all">注册</a>
                    <div style="line-height: 1.2em">
                        <span style="font-size:12px;">注册即视为同意 <a href="#registration" class=""
                                                                 style="color:#FD0000;text-decoration: none">《用户注册协议》</a></span>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>
<div class="ui-panel-wrapper ui-page-theme-h" data-role="page" id="registration">
    <div class="ui-header ui-bar-inherit" data-role="header">
        <a href="#sidebar" data-iconpos="notext"
           class="ui-link ui-btn-left ui-btn ui-icon-ion-ios-arrow-back ui-btn-icon-notext ui-shadow ui-corner-all"
           data-role="button" role="button"></a>
        <h1>注册协议</h1>
    </div>
    <div data-role="content" id="homeContent">
    </div>
</div>
</body>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/index.js"></script>
<script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>

<script>
    $(function () {
        $("[data-role='navbar']").navbar();
        $("[data-role='header'], [data-role='footer']").toolbar();
    });
    // Update the contents of the toolbars

</script>
</body>
</html>
